<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<x-title :ishowZw='true' :title_bg='true' titleText=''>
			<view class="input aj-center" slot="input">
				<view class="input_img ml-20 aj-center" v-show="leftimg">
					<image src="../../static/search.png" mode=""></image>
				</view>
				<input type="text" v-model="inputtext" class="ml-20 fs-26 fw-400 c-99" @focus="leftimg=false" placeholder="输入关键字搜索"
					value="" />
				<view class="input_img aj-center" @click="clear">
					<image src="../../static/x.png" mode=""></image>
				</view>
			</view>
		</x-title>
		<!-- #endif -->

		<view class="just-between mt-10 mb-13 f-26 fw-400 c-11"
			style="padding: 21rpx 0rpx;width: 100%;border-top: 1rpx solid #EEEEEE ;border-bottom: 1rpx solid #EEEEEE ;">
			<view class="aj-center flex" style="width: 50%;" @click="down">
				<view class="mr12" :style="!doneboole?'color:#DFB982':''">
					新生儿
				</view>
				<view class="aj-center" style="width: 20rpx;height: 10rpx;">
					<image v-if="doneboole" src="../../static/xiala.png" mode=""></image>
					<image v-else src="../../static/shangla.png" mode=""></image>
				</view>
			</view>

			<view class="" style="width: 2rpx;height: 48rpx;background-color: #EEEEEE ;">

			</view>

			<view class="aj-center flex" style="width: 50%;" @click="downdiqu">
				<view class="mr12" :style="!doneboolediqu?'color:#DFB982':''">
					全部地区
				</view>
				<view class="aj-center" style="width: 20rpx;height: 10rpx;">
					<image v-if="doneboolediqu" src="../../static/xiala.png" mode=""></image>
					<image v-else src="../../static/shangla.png" mode=""></image>
				</view>
			</view>

		</view>
		<view class="bg-FFFFFF flex f-26 c-11 fw-400" v-show="!doneboole"
			style=" width: 100%; position: absolute;margin-top: -10rpx;">
			<view class="bg-F5F5F5   " style="width: 50%;">
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
			</view>
			<view class="  " style="width: 50%;">
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
			</view>


		</view>
		<view class="bg-FFFFFF flex f-26 c-11 fw-400" v-show="!doneboolediqu"
			style=" width: 100%; position: absolute;margin-top: -10rpx;">
			<view class="bg-F5F5F5   " style="width: 50%;">
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					地区
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
			</view>
			<view class="   " style="width: 50%;">
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
				<view class=" pl-40 flex align-center" style="height: 77rpx;">
					全部科室
				</view>
			</view>


		</view>
		<x-doctor-once @click.native="doctintro" />
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		data() {
			return {
				navbaractive: false,
				leftimg: true,
				doneboole: true,
				doneboolediqu: true,
				inputtext:""

			}
		},
		methods: {
			doctintro() {
				uni.navigateTo({
					url: `/goodsPage/doctIntro/doctIntro`
				})
			},
			down() {
				this.doneboole = !this.doneboole
				this.doneboolediqu = true
			},
			downdiqu() {
				this.doneboolediqu = !this.doneboolediqu
				this.doneboole=true
			},
			clear(){
				this.inputtext='';
				this.leftimg=true
				
			}
		},

	}
</script>


<style scoped>
	.input {
		width: 448rpx;
		height: 64rpx;
		background: #F5F5F5;
		border-radius: 12rpx;
		margin-left: -158rpx;

		/* margin-right: 85rpx; */


	}

	.input_img {
		width: 30rpx;
		height: 30rpx;
	}


	image {
		width: 100%;
		height: 100%;

	}
</style>
